﻿.gn-header {
    position: absolute;
    top: 0;
    width: 100%;
}

.gn-header-bar {
    height: 44px;
    width: 100%;
    /*background: url(/content/images/header-bg.png) repeat-x;*/
    background-color: #91be16;
    border-bottom: 1px solid #bfbfbf;
    border-width: 0 0 1px 0;
}

    .gn-header-bar .goback {
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        float: left;
        /*color: #888;*/
        color: white;
    }

    .gn-header-bar .gn-header-title {
        height: 44px;
        line-height: 44px;
        width: 50%;
        margin: 0 auto;
        text-align: center;
        font-size: 1.6rem;
        color: white;
    }

.gn-container {
    margin-top: 44px;
}

.gn-price {
    width: 100%;
    height: auto;
}

    .gn-price:active {
        background-color: #eee;
    }

    .gn-price .order-info {
        width: 100%;
        padding: 0 10px;
        background-color: #eee;
    }

        .gn-price .order-info p {
            line-height: 20px;
            color: #888;
        }

    .gn-price .orderno {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        color: #888;
        font-size: 1.4rem;
    }

    .gn-price .ico {
        width: 40px;
        float: right;
        height: 40px;
        line-height: 40px;
        color: #aaa;
        text-align: right;
        font-weight: bold;
        transition: transform 0.5s ease 0s;
        text-align: center;
    }

    .gn-price .tit {
        width: 70%;
        float: left;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        color: #888;
        font-size: 1.4rem;
    }

    .gn-price .val {
        width: 25%;
        float: right;
        height: 40px;
        line-height: 40px;
        padding-right: 10px;
        color: #ff5457;
        text-align: right;
        font-weight: bold;
    }

        .gn-price .val span {
            font-size: 1.6rem;
        }

.gn-pay-select {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

    .gn-pay-select .item {
        height: 58px;
        width: 98%;
        margin-left: 2%;
        position: relative;
        border-bottom: 1px solid #ccc;
    }

        .gn-pay-select .item:last-child {
            border: none;
        }

        .gn-pay-select .item:active {
            background-color: #eee;
        }

        .gn-pay-select .item i.payico {
            width: 58px;
            height: 58px;
            line-height: 58px;
            text-align: center;
            font-size: 3.5rem;
            float: left;
        }

        .gn-pay-select .item i.do {
            position: absolute;
            right: 0;
            width: 58px;
            height: 58px;
            line-height: 58px;
            text-align: center;
            font-size: 2.0rem;
            color: #AAA;
            transition: transform 0.5s ease 0s;
        }

        .gn-pay-select .item p {
            width: 50%;
            float: left;
            margin-top: 10px;
            font-size: 1.4rem;
        }

        .gn-pay-select .item span {
            width: 50%;
            float: left;
            margin-top: 10px;
            color: #888;
            font-size: 1.2rem;
        }

        .gn-pay-select .item.alipay i.payico {
            color: #0AE;
        }

        .gn-pay-select .item.wxpay i.payico {
            color: #44b549;
        }

        .gn-pay-select .item.wangyin i.payico {
            color: #3974c8;
        }

        .gn-pay-select .item.wangyin {
            border: none;
        }

    .gn-pay-select .sub {
        width: 98%;
        margin-left: 2%;
        transition: transform 0.5s ease 0s;
    }

        .gn-pay-select .sub.hide {
            display: none;
        }

        .gn-pay-select .sub.show {
            display: block;
        }

        .gn-pay-select .sub .subitem {
            height: 48px;
            width: 96%;
            margin-left: 4%;
            position: relative;
            border-bottom: 1px solid #ccc;
        }

            .gn-pay-select .sub .subitem:last-child {
                border: none;
            }

            .gn-pay-select .sub .subitem:active {
                background-color: #eee;
            }

            .gn-pay-select .sub .subitem i.payico {
                width: 48px;
                height: 48px;
                line-height: 48px;
                text-align: center;
                font-size: 3.0rem;
                float: left;
            }

            .gn-pay-select .sub .subitem i.do {
                position: absolute;
                right: 0;
                width: 48px;
                height: 48px;
                line-height: 48px;
                text-align: center;
                font-size: 1.6rem;
                color: #AAA;
            }

            .gn-pay-select .sub .subitem p {
                width: 50%;
                float: left;
                margin-top: 7px;
                font-size: 1.4rem;
            }

            .gn-pay-select .sub .subitem span {
                width: 50%;
                float: left;
                margin-top: 7px;
                color: #888;
                font-size: 1.2rem;
            }

            .gn-pay-select .sub .subitem.ccb i.payico {
                color: #0066B3;
            }

.rotate180 {
    transform: rotate(180deg);
    transition: transform 0.5s ease 0s;
}
